/*
Checkboxes
 */

 .plan-checkbox + label {
    vertical-align: middle;
}

/*
Modal
 */

.modal .icon-close.modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 0px;
    border:none;
    padding: 24px 0;
    background-color: transparent;
    z-index: 10005;
}

.modal-content{
     padding: 24px !important;
 }

/*
Searchable Select
 */

.pcm-select-input.disabled {
    pointer-events: none;
}

.pcm-dropdown-disabled {
    cursor: not-allowed;
}

.pcm-select-input {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAAGEvU8KAAAAAXNSR0IArs4c6QAAAOhJREFUOBG1UlsOgjAQpFxVY4zxDuIdjDFGrwoyxGkG2N1C0P5Ad56lpP3x3HRte6l0Ybg7nDrMEl+UUGFIIAExffr5+3kf8KxWbw7tjC86yJlFBZ6wzt5KmGWCrQTsw9YgeGsUC5J3dDXQSrmzEiwTFSnXfYeJC/ZA+J1DYV1f3XsoCV+PW5PPPL0GT5z6RAiBZzE2JQMVzsSRwVRoii0DS+iK1cATghOu4j1Dbf1RoesGkCcZ3dQ/CzCQnUfBHP6ywDSQGWYwwS0FvEB6h8EkrSlQCqTnomCSowJLA+m1KpgiLbA2kB4f9pSYQKfoL3cAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px;
    background-color: transparent;

    border-bottom: 1px solid rgb(158, 158, 158);
    cursor: pointer;
    display: block;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    width: 100%;
}

.input-field.invalid .pcm-select-input {
    border-bottom: 1px solid #f44336;
    box-shadow: 0 1px 0 0 #f44336;
}

@media(max-width: 992px){
    .pcm-select-input {
        font-size: 16px;
    }
}

.pcm-select-input:focus {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
    outline: none;
}

.pcm-select-input--placeholder {
    color: #d1d1d1;
}

.pcm-select-label.required {
    color: #D32F2f;
    padding-left: 0.25rem;
}

.pcm-select-dropdown {
    display: none;
    position: absolute;
    z-index: 2000;
}

.pcm-select-dropdown:focus {
    outline: none;
}

.pcm-select-dropdown--open {
    display: block;
}

.pcm-select-dropdown--below {
    min-height: 284px;
}

.pcm-select-content {
    background-color: #fff;
    border: none;
    border-radius: 2px;
    min-width : 200px;

    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.pcm-select-search__container {
    padding: 14px 16px 8px 14px;
    position: relative;
}

.pcm-select-search__container > .icon-search {
    position: absolute;
    top: 24px;
    font-size: 22px;
}

input[type="text"].pcm-select-search__input {
    margin: 0;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pcm-select-loading {
    color: #bbb;
    padding: 0 16px 8px 16px;
}

.pcm-select-results {
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

.pcm-select-results.disabled {
    color: #d1d1d1;
}

.pcm-select-results__option {
    cursor: pointer;
    padding: 14px 16px;
}

.pcm-select-results__option--selected {
    background-color: #ddd;
    color: inherit;
}

.pcm-select-results__option--highlighted {
    background-color: #5897fb;
    color: white;
}

.pcm-select-message {
    color: #bbb;
    padding: 14px 16px;
}
/*
Quick Action
 */

ul.quick-action-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

ul.quick-action-list > li {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    text-align: center;
    z-index: 9999;
    border-bottom: 1px solid rgb(220, 219, 225);
}

ul.quick-action-list > li > * {
    border: none;
    text-decoration: none;
    background-color: transparent;
    color: #237ACF;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    padding: 16px;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    letter-spacing: 0.02857em
}

ul.quick-action-list > li:last-child{
    border: none;
}

.quick-action-modal.modal.bottom-sheet {
    max-height: 80%;
}

.modal .modal-content.quick-action-modal-content {
    padding: 0 !important;
}

.modal .quick-action-modal__border {
    height: 12px;
}

.modal .quick-action-modal-content .icon-close.modal-close:before {
    position: initial;
}

.modal .quick-action-modal-content .icon-close.modal-close {
    margin: initial;
}

.modal .modal-no-close {
    margin: 15px;
}

@media screen and (max-width: 600px) {

    .quick-action-modal-content .icon-close.modal-close:before {
        padding: initial;
    }
}

/*
Load
 */
.pcm-load {
    position: absolute;
    text-align: center;
    top: 8px;
    width: 100%;
}

/*
Icon
 */

.icon-add, .icon-edit, .icon-pending, .icon-denied, .icon-delete, .icon-view, .icon-done, .icon-clear, .icon-close, .icon-check, .icon-receipt, .icon-geofence-enabled, .icon-check-circle, .icon-visibility,
.icon-search, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-attach_money, .icon-arrow-down, .icon-arrow-downward, .icon-arrow-upward, .icon-print, .icon-report_problem, .icon-people, .icon-chevron-left, .icon-chevron-right,
.icon-notes, .icon-format-list-bulleted, .icon-open-in-new, .icon-help-outline, .icon-history, .icon-menu, .icon-person, .icon-notifications, .icon-message, .icon-add_circle,
.icon-expand_more, .icon-expand_less, .icon-warning, .icon-more_vert, .icon-more_horiz, .icon-pin_drop, .icon-inbox, .icon-done_all, .icon-info-outline, .icon-clock, .icon-units, .icon-picture-pdf,
.icon-description, .icon-find-page, .icon-info, .icon-account_circle, .icon-date_range, .icon-do_not_disturb, .icon-timelapse, .icon-content_copy, .icon-refresh, .icon-file_download, .icon-language {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #757575;
}

.icon-physician:before {
    background-image: url('../../../cl/images/benefits/physician.png');
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: "";
}

.icon-timelapse:before {
    content: '\E422';
}

.icon-content_copy:before {
    content: '\E14D';
}

.icon-file_upload:before {
    content: "\E2C6";
}
.icon-find-page:before {
    content: "\E880";
}

.icon-description:before {
    content: "\E873";
}

.icon-picture-pdf:before {
    content: "\E415";
}

.icon-add:before {
    content: "\E145";
}

.icon-error:before {
    content: "\E000";
}
.icon-clock:before {
    content: "\e192";
}

.icon-units:before {
    content: '\e01d';
}

.icon-attach_money:before {
     content: "\e227";
 }

.icon-delete:before {
     content: "\e872";
 }

.icon-refresh:before {
    content: "\e5d5"
}

.icon-file_download:before {
    content: '\e2c4'
}

.icon-denied:before {
     content: "\e5cd";
 }

.icon-expand_more:before {
    content: "\e5cf";
    cursor: pointer;
}

.icon-expand_less:before {
    color: dimgray;
    content: "\e5ce";
    cursor: pointer;
}

.icon-receipt:before {
    content: "\e8b0";
}

.icon-inbox:before {
    content: "\e156";
}

.icon-menu:before {
    content: "\e5d2";
}

.icon-message:before {
    content: "\e0c9";
}

.icon-pending:before {
    content: "\e88b";
}

.icon-person:before {
    content: "\e7fd";
}

.icon-notifications:before {
    content: "\e7f4";
}

.icon-open-in-new:before {
    content: "\e89e";
}

.icon-view:before {
    content: "\e8f4";
}
.icon-history:before {
    content: "\e889";
}

.icon-edit:before {
    content: "\e3c9";
}

.icon-done_all:before {
    color: green;
    content: "\e877";
}

.icon-done:before {
    color: green;
    content: "\e876";
}

.icon-clear:before {
    color: red;
    content: "\e14c";
}

.icon-close:before {
    content: "\e5cd";
}

.icon-check:before {
    content: "\e5ca";
}

.icon-report_problem:before {
    content: "\e8b2";
}

.icon-geofence-enabled:before{
    color : green;
    content : "\e55c";
}

.icon-check-circle:before{
    color : green;
    content : "\e86c";
}

.icon-search:before {
    content: "\e8b6";
}

.icon-arrow-left:before {
    content: "\e314";
}

.icon-arrow-right:before {
    content: "\e315";
}

.icon-arrow-up:before {
    content: "\e316";
}

.icon-arrow-down:before {
    content: "\e313";
}

.icon-arrow-downward:before {
    content: "\e5db";
}

.icon-arrow-upward:before {
    content: "\e5d8";
}

.icon-print:before {
    content: "\e8ad";
}

.icon-people:before {
    content: '\e7fb';
}

.icon-chevron-left:before {
    content: '\e5cb';
}

.icon-chevron-right:before {
    content: '\e5cc';
}

.icon-help-outline:before {
    content: '\e8fd';
}

.icon-format-list-bulleted:before {
    color: white;
    background-color: #63666a;
    content: '\e896';
}

.icon-notes:before {
    content: '\e873';
}

.icon-visibility:before {
    content: '\e8f4';
    cursor: pointer;
}

.icon-visibility_off:before {
    content: '\e8f5';
    cursor: pointer;
}

.icon-add_circle:before {
    content: '\e147';
}

.icon-warning:before {
    content: '\e002';
}

.icon-more_vert:before {
    content: '\e5d4';
}

.icon-more_horiz:before {
    content: '\e5d3';
}

.icon-pin_drop:before {
    content: '\e55e';
}

.icon-info-outline:before {
    content: '\e88f';
}

.icon-info:before {
    content: "\e88e";
}

.icon-account_circle:before {
    content: "\e853";
}

.icon-date_range:before {
    content: "\e916";
}

.icon-do_not_disturb:before {
    content: "\e612";
}

.icon-delete {
    border: none;
    background-color: transparent !important;
}

.icon-refresh {
    border: none;
    background-color: transparent !important;
}

.icon-file_download {
    border: none;
    background-color: transparent !important;
}

.icon-language:before {
    content: "\e894";
}

/*
Button
 */
.btn-container {
    text-align: right;
}

.btn-container .btn {
    margin-left: 10px;
}

@media only screen and (max-width: 600px) {
    .btn-container .btn {
        margin-bottom: 10px;
    }
}


/*
Notice
 */

.pcm-notice {
    background: #f5f5f5;
    display: flex;
}

.pcm-notice > ul {
    margin: 0;
}

.pcm-notice__image {
    align-items: stretch;
    display: inline-block;
    width: 28px;
}

.pcm-notice__image--info {
    background: #53a4da url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmpJREFUeNrElk1oE0EYhifbTZtttAiiFyNUS0prLfRkVXpovVpBrKBSD8GbXkpREERKEREExR9EPEkRBItUBOvV5iAqnrxo0eIPGC+KINH8tEm7/Z6VCVG6s9lW6guT7G5mnjcz8833bcR1XeWn5MCJdfK1X1rvGifW86tQbNG/yf17uX8ql+mZiZtjyqCIn4kYjNbVWafm5xfi3O/oSKr25oRqijeqbC6vpj9l1MvXM15f6ZeTfpfEbLQmE4F3OQ3144XZuVbAA3271IG+nb7/8sHUCzUx9dwzlHHvZNwhMXvla4JB1LafNUTt2NDh/kiqf4+qVWOTT9S1e5PubKlcLJXLu6uNKibaIFYfde6eG1btWxIqrKY/ZtTgyBVVnCsVqo0s3YElYgbLNUCMYzwcePq5pTeZPWCJ/AzO375PP68dv3jLaAQHHtyKCVHEJpv24GeuULnOVl0vJTjw4Hom4pYiTIkikzZtXB9q6eDBhW9z0HhoClPUvT0pn3u95UhsCDaEd/rGHS57bU7ytq2bAwd1d7R6jQjK5vM1zYYle/Phc49NquAkm8Rm/y0Jz+BoE64c0hZv40kVJrVJ57bm8GGtudbvaDFP/9HlM+rssYOhTTTXIpuS7MLqy9fvwRlAuPAt0rXOpmGU+RZsAhc+y5XW2fRfqoqXxuQh9YB07SdSyvXxx388OzpyVe07ecF3DDy4FDRLPn5QcJga6do0da21jY53Bprijm/apz9c7wGpntZ5ZOht1+DwghwedyViPBx4ml1J9VQ0Cg71gFO9HOl6Agfe/6mMq1bjV+1tZQmz1ErfuxYFGAD1hcELQFM6YQAAAABJRU5ErkJggg==') no-repeat 4px 10px;
    background-size: 20px;
}

.pcm-notice__image--danger {
    background: #53a4da url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpi/P//PwMxYJWr8wEgZY8kdDBs914HYvQyEWlBAZoFIGAPFaeOJUAgQKI4WZZQBIi15AM9LLmAQ/zA0AouYFLF5eIHNPcJ0HKqW3KR1hGPLYUdpIUlD+jhkwdEJmuqWvJh1Cek5Ama+AQ5r3wEWkq0TxiJrRkpASykKAbWhKDqFoQ3AH1ygeo+AVowAUjlIwklAi1aQM06XgHNAhCYQO2IV8Aixk+LmvEjmthDaldaoORagGQRyIIAYi0BCDAA735Beag7/Q8AAAAASUVORK5CYII=') no-repeat 4px 10px;
    background-size: 20px;
}

.pcm-notice__image--warning {
    background: #fff176 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNpi/P//PwOxoDvPpgFI1QNxY+mkIw3E6mMk1hKgBQ5Aaj+SkCPQogPE6GViIB40EOBTZgnUF/ZowvZQcar5BO7qiNzJJPuGiRRf6Jh5MsiqGoJpUnzDRIovrLySUGhifcNEii/4hSTB4iCaFN8wkeoLHPwGsizB5ovtS1pB4gxHt88jyTdMxPri8e3zDFdObQfzjwEtAfGJ9Q0Tsb7gE5ZAUcPOxUO0b5iIjQtYpMOAmLQq0XHDRGyKAgFZFQMUmtiUxkRKihKTUUWhiU1pTMT6AjmIYDSxvmEh1hdgi829wBgbAKmHpT6oOQ4YPiHkCxD4+f0LOK9gA/h8w0SsL0Bg39qJYNfisghX3DAR6wtY3gABPmFJknzDQqwvQMApKB8c6bjiBVfcMHO/2+MAbRyAXYHPAGzJFx1wcPIyfHr7nOHV0zsgrgKwCDrIgp6uQYUflUEDC3LdjeRNagJ7UMRvZKAt2AgQYAC3oJCR925+1gAAAABJRU5ErkJggg==') no-repeat 4px 10px;
    background-size: 20px;
}

.pcm-notice__image--success {
    background: #82B1FF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNrc1t0NwiAQB3BofNcRuoFuYFdwAu0GHcA3HUAnaN2gI3SEOoEr1Anwjx5NvwELPnjJhRCv/ILIVS6EYL4jYD8ILwg/R6FXBMABw4NG9wgtnNI0VRB3dfAdoBmxE2QCkPEMfAPIKPANiGNRLhoPrDBckAk+qFwB9a+LgAK5lyPNnQDvenbaKmDdKLxTYTUXUDvpAozmvR1hvrEFFFKOPNSCCChsgfoyYoGMzmMo5FeXIHPk0hZo3XgNNBU7ALlRF0ahPNCbJRDrgF6DtIQkkH31PjGEjIHRVk/Q1QWgbfUDF88a0L60aMF4DvBZCDvRJVpPaFI3lvxv/hK9BBgAxJXW+7jrypcAAAAASUVORK5CYII=') no-repeat 4px 10px;
    background-size: 20px;
}

.pcm-notice__content {
    align-items: stretch;
    font-size: 0.9rem;
    padding: 10px;
}

/*
Progress Bar
 */

.pcm-prog {

    min-width: 150px;
}

.pcm-prog a {
    color: inherit;
    display: block;
}

.pcm-prog a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.pcm-prog__title {
    color: #666;

    display: block;
    text-align: center;
    font-size: 1.2rem;
    padding: 1rem;
}

.pcm-prog__cost {
    color: #666;

    background: #f5f5f5;
    text-align: center;
    font-weight: 500;
    padding: 1rem;
}

.pcm-prog__cost__number {
    display: block;
    font-size: 2rem;
}

.pcm-prog__cost__text {
    display: block;
    font-size: 1rem;
}

.pcm-prog__item {
    display: block;
    padding: 1rem;
}

.pcm-prog__item__content {
    padding-left: 1.5rem;
}

.pcm-prog__item__image {
    display: inline-block;
    vertical-align: middle;
}

.pcm-prog__item__text {
    font-size: 0.9rem;
}

.pcm-prog__item__cost {
    float: right;
    font-size: 0.9rem;
}

.pcm-prog__item--positive {
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAABvklEQVQokWP4//8/Azn40su7UgazUv/dfvuE5////wyM////ZyAVXH39QNRhceGrN98+MkjzijAciO3nJdmgO++e8jgsLvz89PMbuJiBuMp/kgzCZogIFz/DvpheaSaYwOtvH9jwGfLk02tOt2VlKIbwsXMxbI1oV9cVU3rGxMDAwLDp1jEfxclRPzfdOuaDyxCHxYXf7n94jmLIrqhudTMpjVsMDAwMzHYJ/sZ+K2sO/Pj7i2HVtf1RKkLSr/TElM4gu9R+UeGPO++fwg3hZGFn2B7ZqWslq30dJsZ8Q4/pyeNPrxgZGBgY/jMwMGy4ecQbZtjrbx/YnBYX/7jx9hEjsiFbItpMHOT1LyK7mvHV1/dsTouLf1x5fR+umImRkaHdKXXx4ku7Y5DFWZlYGLZFttu4KBofRfc+4////xk+/vzK5La09PepZzeY0BUgG7ImpMHXT81qCzZ5JgYGBgZ+du5/u6K7Wc2kNP5hU8TCxIzXELhBMMP2xvSyOCoY/EFRwMjIsMCvPAufIQwMDAwYeejrrx+MjosLfzM0O/5nanH6v+Ty7kxi8h5Wwa+/fjD6rqj6OuvclgZiMzEAJQk8M7eFwOgAAAAASUVORK5CYII=') no-repeat 1rem 1.2rem;
    background-size: 1rem;
}

.pcm-prog__item--negative {
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NENEMTIwQkUwRkI3MTFFNTlCNjlDRTg1RUQwMjRDQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NENEMTIwQkYwRkI3MTFFNTlCNjlDRTg1RUQwMjRDQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0QxMjBCQzBGQjcxMUU1OUI2OUNFODVFRDAyNENBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0QxMjBCRDBGQjcxMUU1OUI2OUNFODVFRDAyNENBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvrzCu8AAAE6SURBVHjavJfbDcIwDEVTq/+wAT/8MwKr0A3aSWCDdkEE2YBESlFV8rh2HCxFqvrwOU3SOO2ep7PZxc212bWHa5PRiXvI6/Mt2wt9Au5jdO3o2lAJn0Nes8n9laAEPHdOCo+eIwAklYjBf671IGBNNCjAt/eYzk3CVxhrJBZAAoGv8SbmTC/1FgfuYyLwrRAJLtwzF2J0bU5CBN+vA8vuWzXgxLRSeGwhkkqI4PuFyAiHQwxPCbSQiMJzApoSSXhJQEMiC0cEaiSmEhwV8HEVCFyQmxCBWfC5wVWUGsFhCWoIhySoMbwoQX+AZyVIoaRWlfJeo6QKC9iw7YFauHg/0YcfkBp4TSm3flP6dgcHrbWduY23FP6AtODc4RjRTSkK50jAm1Iu3HByUuEBKRzOSYkHrAIcyvkRYADuRmiRTKFdTwAAAABJRU5ErkJggg==') no-repeat 1rem 1.2rem;
    background-size: 1rem;
}

.pcm-prog li.active {
    background-color: #eee;
}

.pcm-prog__btn-container {
    background-color: inherit;
    border-top: 1px solid rgba(160,160,160,0.2);
    border-radius: 0 0 2px 2px;
    padding: 0 16px 16px 16px;
}

/*Progress Bar Mobile*/

.pcm-mobile-prog {
    /*negates column padding*/
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -10px;
}

.pcm-mobile-prog .pcm-mobile-prog__list a {
    color: inherit;
    display: block;
}

.pcm-mobile-prog a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.pcm-mobile-prog__title {
    display: block;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0 0.5rem;
    position: relative;
    text-align: center;
}

.pcm-mobile-prog__cost {
    font-weight: 500;
    text-align: center;
}

.pcm-mobile-prog__cost__number {
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
}

.pcm-mobile-prog__cost__text {
    display: block;
    font-weight: 300;
}

.pcm-mobile-prog__item {
    display: block;
    text-align: center;
}

.pcm-mobile-prog__item__content {
    padding-left: 1.5rem;
}

.pcm-mobile-prog__item__image {
    display: inline-block;
    vertical-align: middle;
}

.pcm-mobile-prog__item__text {
    font-size: 1.2rem;
    font-weight: 300;
}

.pcm-mobile-prog__item__cost {
    float: right;
    font-size: 1rem;
    font-weight: 300;
}

.pcm-mobile-prog__item--positive {
    background: #fff url(../../../cl/images/icons/check.png) no-repeat 1rem 1.2rem;
    background-size: 1rem;
}

.pcm-mobile-prog__item--negative {
    background: #fff url(../../../cl/images/glreport/red_x.png) no-repeat 1rem 1.2rem;
    background-size: 1rem;
}

.pcm-mobile-prog ul {
    margin: 0;
}

.pcm-mobile-prog li.active {
}

.pcm-mobile-prog__btn-container {
}

.pcm-mobile-prog__btn-container button{
    width: 48%;
    margin-right: 2%;
}

.pcm-mobile-prog__btn-container button:last-child{
    margin-right: 0;
}

.pcm-mobile-prog .pcm-mobile-prog__list li:not(.active) {
    display: none;
}

.pcm-mobile-prog .pcm-mobile-prog__arrow-container {
    min-height: 45px;
    padding: 0 45px;
    position: relative;
}

.pcm-mobile-prog .pcm-mobile-prog__list {
    min-height: 45px;
    padding: 0 25px;
}

.pcm-mobile-prog .icon-chevron-left {
    color: inherit;
    font-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.pcm-mobile-prog .icon-chevron-right {
    color: inherit;
    font-size: 45px;
    position: absolute;
    right: 0;
    top: 0;
}

.pcm-mobile-prog .icon-chevron-left--disabled, .pcm-mobile-prog .icon-chevron-right--disabled {
    opacity: 0.2;
}

.pcm-mobile-prog .icon-more_vert {
    color: inherit;
    position: absolute;
    right: 0.5rem;
}

.pcm-mobile-prog .indicators {
    text-align: center;
    margin: 0;
}

.pcm-mobile-prog .indicators .indicator-item.active {
    background-color: #fff;
}

.pcm-mobile-prog .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 4px;
    background-color: rgba(255,255,255,0.5);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 50%;
}

/*
Circle Steps
 */

.pcm-circle-steps {

}

.pcm-circle-steps li {
    border-bottom: 1px solid #e0e0e0;
}

.pcm-circle-steps li:last-child {
    border-bottom: inherit;
}

.pcm-circle-steps__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 1rem;
}

.pcm-circle-steps__item__number {
    color: #aaa;
    border-radius: 60px;
    border: 1px solid #aaa;
    display: inline-block;
    height: 30px;
    flex-shrink: 0;

    font-size: 1.2em;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.pcm-circle-steps__item__text {
    font-size: 0.9em;
    padding-left: 1rem;
}

input[type=text]:not(.broswer-default).datepickerWidth {
    width:150px;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 550px) {
    #toStringAcrlTransHistory {
        min-width: 80px;
        text-align: right;
    }
}
/*Images inline with text*/
.pcmMaterialize .fbText img[height="24px"] {


    position: relative;
    top: -5px;
    vertical-align: middle;
}
.vertMiddle {
    vertical-align: middle;
}

/*tooltips*/

.pcmMaterialize .tooltip
{
    vertical-align: middle;
}

.pcmMaterialize .input-group-addon .tooltip
{
    position:absolute;
    right: -24px;
    bottom:0;
    cursor:pointer;
    pointer-events: auto;
}

/*
    input group addon prepend and append
*/
.input-group-addon--prepend {
    position: absolute;
    bottom: 30px;
}

.input-group-addon--both.input-group-addon--append + label {
    padding-left: 1rem;
}

.input-group-addon--prepend + input {
    padding-left: 1.5rem !important;
    box-sizing: border-box !important;
}

.input-group-addon--prepend + input + label,
.input-group-addon--prepend + input ~ label,
.input-group-addon--both.input-group-addon--append + label {
    padding-left: 1rem;
}

.input-group-addon--prepend + input + label.active,
.input-group-addon--prepend + input ~ label.active,
.input-group-addon--both.input-group-addon--append + label.active {
    padding-left: 0;
}

.input-group-addon--append {
    right: 10px;
}

.iga-append-grp {
    position: absolute;
    right: .75rem;
    top: 8px;
}

input.datepicker ~ .iga-append-grp {
    right: 64px;
}

textarea ~ .iga-append-grp {
    right: 48px;
}

select ~ .iga-append-grp {
    right: 28px;
}

.textarea-error {
    color: #F44336;
}

input.datepicker ~ .iga-append-grp .input-group-addon .tooltip {
    right: 0;
}

.input-error {
    display: none;
    color: #F44336;
}

input.invalid + .iga-append-grp .input-error,
.input-field.invalid .input-error {
    display: inline;
}

.icon-info.tooltipped.input-error.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.menu {
    position: relative;
    top: 20px;
    left: 10px;
    cursor: pointer;
    padding-right: 25px;
}

.micIcon {
    position: relative;
}

.required-ast {
    color: #F44336;
    padding-left: .25rem;
}

.append-required-ast::after {
    color: #F44336;
    content: "*";
    padding-left: .25rem;
}

.cloud .placeholder
{
    color:lightgray;
}

.file-field .placeholder
{
    color:lightgray;
}

.file-field .btn
{
    float:none !important;
    height:auto !important;
    line-height:36px !important;
    padding: 0 4px 0 0 !important;
}

.file-field .icon-file_upload
{
    vertical-align: middle;
}

.file-field .deleteAll
{
    display:none;
    position:relative;
    vertical-align: top;
    top:12px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.file-field .chip.uploaded
{
    margin-top: 5px;
    height: auto;
    min-height: 32px;
    max-width: 100%;
    color: white;
    background-color: darkgray;
}

.file-field .icon-close:before
{
    color: white;
}

.file-field .chip.uploaded .deleteSingle.icon-close
{
    position:absolute;
    top:0;
    right: 10px;
}

.file-field .chip.uploaded .truncate
{
    word-wrap: break-word;
}

.file-field .chip.uploaded.single .truncate,
.file-field .chip.uploaded.multipleSingles .truncate
{
    padding-right:20px;
}

.file-field .chip.uploaded.single,
.file-field .chip.uploaded.multipleSingles
{
    margin-top:0;
    position:relative;
    vertical-align: middle;
}

.file-field .deleteSingle .material-icons
{
    vertical-align: text-bottom;
}

.fileUpload
{
    overflow:visible;
}

.fileUpload.btn.invalid
{
    color: #f44336 !important;
}

.fileUpload .iga-append-grp
{
    right: -26px;
    top: 0;
}

.file-field span {
    cursor: default;
}

/*multicheckboxes*/
.pcmMaterialize .multiCheckboxes
{
    margin-right: 20px;
    padding:5px;
}

.material-ms .input-group-addon--prepend {
    top: 10px;
    left: 3px;
}

.material-ms .input-group-addon--prepend + input {
    padding-left: 2rem !important;
}

.material-ms--search {
    margin-bottom: 1rem;
}

.material-ms--input {
    margin-bottom: 0 !important;
}

.material-ms--list {
    position: relative;
}

select:focus{
    outline:none;
}

.material-ms .filterContent,
.material-ms .filterHeader {
    padding-left: 0;
}

.material-ms .filterContainer {
    margin-bottom: 0;
}

.material-ms .filterContent {
    font-size: 14px;
}

.material-ms--list {
    padding: 8px;
}

.material-ms--checkbox {
    margin-bottom: 8px;
}

.material-ms--checkbox:last-child {
    margin-bottom: 0;
}

.material-ms .filterContent select, .material-ms .filterContent input[type=text]:focus {
    border: 0;
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

div.flex-btn-container {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.flex-btn-container > a, div.flex-btn-container> button{
    flex-grow: 1;
    margin: 0 8px 0 0;
}

div.flex-btn-container > a:last-child, div.flex-btn-container > button:last-child{
    margin: 0;
}

.btn.btn--small {
    padding: 0;
    font-size: 0.9rem;
}

.pcm-hide-until-col-break {
    display: none;
}

.pcm-hide-on-col-break {
    display: block;
}

@media only screen and (max-width: 1450px) {

    div.flex-btn-container.pcm-prog__btn-container {
        display: inherit;
        justify-content: inherit;
    }

    div.pcm-prog__btn-container button, div.pcm-prog__btn-container a {
        margin: 0 0 8px 0;
        width: 100%;
    }

    div.flex-btn-container > a:last-child, div.flex-btn-container > button:last-child{
        margin: 0;
    }

}

@media only screen and (max-width: 1052px) {
    .acr_datepicker {
        width: 100%;
    }
    .acr_datepicker input:not(.picker__input--editable) {
        width: 100% !important;
    }
    .acr_datepicker .input-field{
        padding: 0px;
    }
    .acr_datepicker-button {
        float: right;
        padding-bottom: 4px;
    }
}

@media (max-width: 600px) {

    .modal-content{
        padding: 24px 16px !important;
    }

    .acr_datepicker-button {
        padding-bottom: 16px;
    }

    .pcm-hide-on-col-break {
        display: none;
    }

    .pcm-hide-until-col-break {
        display:block;
    }

    .pcmMaterialize .multiCheckboxes {
        margin-right: 20px;
        display: block;
    }

    div.fixed-btn-container {
        background: #fff;

        display: flex;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;

        margin: 0;
        padding: 1rem;
        width: 100%;

        -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
        box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    }

    div.fixed-btn-container > a.btn, div.fixed-btn-container > button {
        flex-grow: 1;
        margin: 0 0.5rem 0 0;
    }

    div.fixed-btn-container > a.btn:last-child, div.fixed-btn-container > button:last-child {
        margin: 0;
    }
}
input[disabled]:hover,
input[disabled] + label:hover
{
    cursor: not-allowed !important;
}

/*
---------------------------------------------------------
START fix for quick action buttons and feature discovery
---------------------------------------------------------
*/

@media only screen and (max-width: 992px) {

    .fixed-action-btn.fixed-action-btn__toast-padding.fixed-action-btn__askhr-padding,
    .fixed-action-btn.fixed-action-btn__toast-padding {
        bottom: 100px !important;
        padding-bottom: 24px;
    }

    #quick-punch,
    .fixed-action-btn {
        bottom: 16px !important;
        right: 16px !important;
    }

    #quick-punch,
    .fixed-action-btn .btn-floating {
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    }
}
/*
---------------------------------------------------------
END fix for quick action buttons and feature discovery
---------------------------------------------------------
*/
